<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title><?php echo C('GLOBAL-TITLE');?></title>

<link rel="stylesheet" type="text/css" href="<?php echo __CONTENT__;?>/css/layout.css" />
<link rel="stylesheet" type="text/css" href="<?php echo __CONTENT__;?>/css/global.css" />
<link rel="stylesheet" type="text/css" href="<?php echo __CONTENT__;?>/css/sp.css" />

<script type="text/javascript" src="<?php echo __CONTENT__;?>/js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo __CONTENT__;?>/js/responsiveslides.min.js"></script>
<script type="text/javascript" src="<?php echo __CONTENT__;?>/js/script.js"></script>

<!--[if lt IE 9]>
<script src="<?php echo __CONTENT__;?>/js/html5.js" type="text/javascript"></script>
<![endif]-->

</head>
<body>
<div id="wrap">
<div id="headerwrap" class="clearfix">
<div id="header">
<div id="header_top" class="clearfix">
<h1><a href="/"><img src="<?php echo __CONTENT__;?>/images/logo.png" width="126" height="30"></a></h1>

</div><!--/#header-top-->
<div id="gmenu">
<!-- <div class="gmenu-yoyaku clearfix">
<a href="http://61.119.173.223/reservation/cano/index.php" target="_blank">» 微信会员卡</a>
</div> -->
<ul>
<li><a href="<?php echo U('Index/index');?>">首页</a></li>
<li><a href="<?php echo U('Work/index');?>">作品展示</a></li>
<li><a href="<?php echo U('Page/index?key=storefront');?>">沙龙店面</a></li>
<li><a href="<?php echo U('Page/index?key=number');?>">会员办理</a></li>
<li><a href="<?php echo U('News/index');?>">优惠活动</a></li>
<li><a href="<?php echo U('Product/index');?>">产品展示</a></li>
<li><a href="<?php echo U('Page/index?key=about');?>">关于我们</a></li>
<li><a href="<?php echo U('Page/appointment');?>">预约</a></li>
<li><a href="<?php echo U('Page/index?key=recruitment');?>">招聘</a></li>
</ul>
</div>

<button id="sp-menu-button" >了解丝薇</button>
 <nav id="sp-menu" class="sp-menuwrapper">
    <div class="sp-title">了解丝薇<span class="sp-menu-close">关闭</span></div>
    <ul class="sp-menu">
		<li><a href="<?php echo U('Page/index?key=about');?>">▶ 关于丝薇 - 丝薇发型设计沙龙</a></li>
		<li><a href="<?php echo U('Page/index?key=idea');?>">▶ 丝薇理念 - 健康 环保 时尚 摩登</a></li>
		<li><a href="<?php echo U('Page/index?key=storefront');?>">▶ 沙龙店面 - 我们的门店</a></li>
		<li><a href="<?php echo U('Page/index?key=team');?>">▶ 团队成员 - 我们的团队</a></li>
		<li><a href="<?php echo U('Page/appointment');?>">▶ 服务预约 - 预约发型师</a></li>
		<li><a href="/index.php/user/navigation.html">▶ 门店地图 - 我们在这里</a></li>
        <li><a href="/">&nbsp;</a></li>
        <li><a href="/">&nbsp;</a></li>
        <li><a href="/">&nbsp;</a></li>
        <li><a href="/">&nbsp;</a></li>
	</ul>
</nav>
<?php if(is_weixin()){?>
<a href="<?php echo U('User/index');?>" class="sp-salon-yoyaku">▶ 会员卡</a>
<?php }?>

</div><!--/#header-->
</div><!--/#headerwrap-->
<script type="text/javascript" src="<?php echo __CONTENT__;?>/js/WdatePicker.js"></script>
<div id="bodywrap">
<h2 class="mb20 etc">预约</h2>
<div id="contact_wrap" class="clearfix">
<p><strong>预约申请</strong></p>
<div class="wpcf7" id="wpcf7-f75-p76-o1">
<div class="screen-reader-response"></div>
<form>
<div class="formparts"><label>姓名<span class="hissu">＊</span></label><span class="wpcf7-form-control-wrap your-name"><input type="text" name="name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"></span></div>
<div class="formparts"><label>电话<span class="hissu">＊</span></label><span class="wpcf7-form-control-wrap your-email"><input type="text" name="phone" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false"></span></div>
<div class="formparts"><label>做头发日期<span class="hissu">＊</span></label><span class="wpcf7-form-control-wrap your-email"><input onClick="WdatePicker()" type="text" name="do_date" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false"></span></div>
<div class="formparts"><label>发型师<span class="hissu">＊</span></label><span class="wpcf7-form-control-wrap your-salon">
<select name="hair_stylist_id">
<?php foreach($hair_stylist_list as $v){?>
<option value="<?php echo $v['id'];?>"><?php echo $v['name'];?></option>
<?php }?>
</select>
</span></div>
<div class="formparts"><label>项目<span class="hissu">＊</span></label><span class="wpcf7-form-control-wrap your-message">
<select name="project_id">
<?php foreach($project_list as $v){?>
<option value="<?php echo $v['id'];?>"><?php echo $v['name'];?></option>
<?php }?>
</select>
</span></div>
<div class="formparts"><label>&nbsp;</label><span class="hissu">＊</span>为必填项</div>
<p class="submit-button"><input type="submit" value="提交预约" class="wpcf7-form-control wpcf7-submit"></p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>
</div>
<p><!--/#sitemap_wrap--></p>
</div>
<script>
$(function(){
	$(":submit").click(function(){
		$.post("<?php echo U('appointment');?>",$("form").serialize(),function(rs){
			if(rs.status==1){
				alert('预约成功');
			}else{
				alert(rs.error);
			}
		},'json');
		return false;
	});
});
</script>
<div id="fbottom">
<img src="/Content/images/logo.png" width="90">
<div id="copyright">&copy; 2015 丝薇发型设计沙龙</div>
</div>
</div><!--/#wrap-->
</body>
</html>